<script setup>
import {ref} from 'vue'
const pik = ref('')
const jk = ref([])
</script>
<!-- 在 <script>中是引入其他文本-->
<!-- 在<tempalte>中主要是写页面代码展示样式 -->




<template>
  <!-- radio为单选框 -->
   <hp1>单选框</hp1>
   <div>pik:{{ pik }}</div>
  <input type="radio" id="one" value="one" v-model="pik"/>
  <label for="one">one</label>
  <input type="radio" id="two" value="two" v-model="pik"/>
  <label for="two">two</label>

  <hr/>
  <hp1>多选框/复选框</hp1><br/>
  <div>{{ jk }}</div>
  <input type="checkbox" id="one" value="one" v-model="jk"/>
  <label for="one">one</label>
  <input type="checkbox" id="two" value="two" v-model="jk"/>
  <label for="two">two</label>
  <input type="checkbox" id="three" value="three" v-model="jk"/>
  <label for="three">three</label>
 </template>
<!-- 在 <style>中主要是写页面结构的格式，加上scoped时只能影响当前文本的样式-->
<style scoped>

</style>
